<template>
	<view class="boxALL">
		<Title :title="title"></Title>
		<List :list="list"></List>
	</view>
</template>

<script setup>
	import {
		ref
	} from "vue";
	import List from "./componte/list-chat.vue"; //list主体
	import Title from "../Totle.vue"; //标题

	const title = ref("消息");
	const list = ref([{
			name: "粉丝",
			icon: "man-add-fill",
			style: "background-color:blue;",
			url: "/pages/Find/News/Fans/Fans"
		},
		{
			name: "互动消息",
			icon: "bell-fill",
			style: "background-color:#67dd9a;",
			url: "/pages/Find/News/Interaction/Interaction"
		}

	]);
</script>

<style lang="scss" scoped>
	.boxALL {
		width: 100%;
		height: 100vh;
		background-color: black;
	}
</style>